<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>首页</title>
    <include file="Common:header_include"/>
</head>
<body>
<include file="Common:index_include"/>
<div class="mainbox">
    <div class="news">
        <p><span class="lt">消息公告</span><a class="rt" href="javascript:;">更多</a></p>
        <ul>
            <li><span>张洁患者给你发来了化验检查报告</span><b>2017-10-23</b></li>
            <li><span>张洁患者给你发来了化验检查报告</span><b>2017-10-23</b></li>
            <li><span>张洁患者给你发来了化验检查报告</span><b>2017-10-23</b></li>
            <li><span>张洁患者给你发来了化验检查报告</span><b>2017-10-23</b></li>
            <li><span>张洁患者给你发来了化验检查报告</span><b>2017-10-23</b></li>
            <li><span>张洁患者给你发来了化验检查报告</span><b>2017-10-23</b></li>
            <li><span>张洁患者给你发来了化验检查报告</span><b>2017-10-23</b></li>
            <li><span>张洁患者给你发来了化验检查报告</span><b>2017-10-23</b></li>
            <li><span>张洁患者给你发来了化验检查报告</span><b>2017-10-23</b></li>
            <li><span>张洁患者给你发来了化验检查报告</span><b>2017-10-23</b></li>
        </ul>
    </div>
    <div class="analyse" >
        <p><span class="lt">数据分析</span></p>
        <select name="" id="" onchange="dendrogram(this)">
            <option value="">2017年</option>
            <option value="">2016年</option>
            <option value="">2015年</option>
            <option value="">2014年</option>
        </select>
        <canvas id="myChart"  width="420px"  height="290px" ></canvas>
    </div>
    <div class="number">
        <p><span class="lt">病人数量</span></p>
        <div class="btn_box">
            <P><span>病人总数</span><a href="javascript:;">561</a></P>
            <P><span>当前患者</span><a href="javascript:;">561</a></P>
            <P><span>待诊断患者</span><a href="javascript:;">164</a></P>
            <p><a href="javascript:;">进入诊疗</a></p>
        </div>
    </div>
</div>

<div class="lists">
    <span>患者列表</span>
    <p>
      <span>
        <select name="" id="">
            <option value="">姓名</option>
            <option value="">性别</option>
            <option value="">血型</option>
            <option value="">中心名称</option>
            <option value="">供者来源</option>
         </select>
        </span>
        <span><input type="text"  placeholder="请输入您的条件"/><button>查询</button></span>
        <span><a href="">导出</a></span>
    </p>

    <table class="table table-bordered text-center">
        <tr class="bg-success">
            <th class="text-center">编号</th>
            <!--<th class="text-center">中心名称</th>-->
            <th class="text-center">姓名</th>
            <th class="text-center">性别</th>
            <th class="text-center">移植类型</th>
            <th class="text-center">血型</th>
            <th class="text-center">移植日期</th>
            <th class="text-center">供者来源</th>
            <th class="text-center">出生日期</th>
            <th class="text-center">操作</th>
        </tr>
        <volist name="patientlist" id="v">
            <tr>
                <td>{$key+1}</td>
                <!--<td>第四军医大学</td>-->
                <td>{$v['patientid']['realname']}</td>
                <td>
                    <if condition="$v['sex'] eq 1" >男<else/>女</if>
                </td>
                <td>肾移植</td>
                <td>{:getfildname(bloodtypeinfo,$v['patientid']['bloodid'])}</td>
                <td>2011-10-10</td>
                <td>公民逝世器官捐献（DCD）</td>
                <td>1981-05-30</td>
                <td>
                    <a href="{:U('PatientInfo/detail',array('id'=>$v['patientid']['id']))}"><span class="label label-danger radius">查看</span></a>
                </td>
            </tr>
        </volist>

    </table>
    <div class="page">{$page}</div>
</div>
<include file="Common:footer_include"/>
</body>
<script>
    var  data;
    data = {
        labels : ["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"],
        datasets : [{ barItemName: "name1",fillColor : "rgba(1%, 100%, 0%, 0.3)",strokeColor : "rgba(220,220,220,1)",data : [65,59,90,81,56,55,40,50,60,70,90,200]}]
    };
    var chartBar = null;
    window.onload = function() {
        var ctx = document.getElementById("myChart").getContext("2d");
        chartBar = new Chart(ctx).Bar(data);
    };
    function dendrogram() {
        data.datasets[0]['data']=[10,20,30,40,50,60,70,80,90,100,110,120];
        var ctx = document.getElementById("myChart").getContext("2d");
        chartBar = new Chart(ctx).Bar(data);
    }
</script>
</html>